<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	ArrayList<String> jsPaths = (ArrayList<String>) request.getAttribute("jsPaths");
	jsPaths.add("/resources/bootstrap/dynatree/jquery-ui.custom.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.cookie.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.dynatree.js");
	jsPaths.add("/resources/bootstrap/select/bootstrap-select.js");
	jsPaths.add("/resources/bootstrap/xcharts/xcharts.min.js");
	jsPaths.add("/resources/custom/areaAnalysis/areaAnalysis.js");
%>
<div class='row'>
	<h2 class="sub-header">区域统计</h2>
</div>
<div class='row'>
	<div class="col-sm-4">
		<label for="projectName" class="col-sm-3 control-label">项目</label>
		<div class="col-sm-9" id="treeFather">
			<div class='row'>
				<input id="projectName" name="projectName"
					class='col-sm-12 input-sm' placeholder="项目名称">
			</div>
			<div class='row'>
				<div id="tree" class="panel panel-primary tree"></div>
			</div>
		</div>
	</div>
	<div class="col-sm-4">
		<label for="building" class="col-sm-3 control-label">楼号</label> <select
			class="selectpicker" id='building' title='select' disabled><option>请选择楼号</option></select>
	</div>
	<div class="col-sm-4">
		<label for="door" class="col-sm-3 control-label">门号</label> <select
			class="selectpicker" id='door' disabled><option>请选择门号/显示该楼数据报表</option></select>
	</div>
</div>
<br />
<div id='all' style='display: none'>
	<div id='heat'>
		<h4 class="sub-header">总热量</h4>
		<p id='heatError' style='display: none'>无数据！</p>
		<div id="heatContent" class='row content'>
			<div id="heatPlaceholder" class='placeholder'>
				<figure id="heatChart" class='chart'></figure>
			</div>
		</div>
	</div>
	<div id='area'>
		<h4 class="sub-header">受热面积</h4>
		<p id='areaError' style='display: none'>无数据！</p>
		<div id="areaContent" class='row content'>
			<div id="areaPlaceholder" class='placeholder'>
				<figure id="areaChart" class='chart'></figure>
			</div>
		</div>
	</div>
	<div id='period'>
		<h4 class="sub-header">总时间</h4>
		<p id='periodError' style='display: none'>无数据！</p>
		<div id="periodContent" class='row content'>
			<div id="periodPlaceholder" class='placeholder'>
				<figure id="periodChart" class='chart'></figure>
			</div>
		</div>
	</div>
	<div id='temperature'>
		<h4 class="sub-header">温度</h4>
		<p id='temperatureError' style='display: none'>无数据！</p>
		<div id="temperatureContent" class='row content'>
			<div id="temperaturePlaceholder" class='placeholder'>
				<figure id="temperatureChart" class='chart'></figure>
			</div>
		</div>
	</div>
</div>